<footer class="bg-body-tertiary border-top p-4">
  <div class="container">
    <div class="d-flex font-weight-light flex-column flex-md-row justify-content-around align-items-center mb-4">
      <span>by
        <a href="https://github.com/therebelrobot" target="_blank">Awesome Bootstrap Community</a></span>
    </div>
    <div class="d-flex font-weight-light flex-column flex-md-row justify-content-center align-items-center">
      <div class="d-md-none d-block mb-2 mb-md-0">
        <a href="http://github.com/therebelrobot/awesome-bootstrap" target="_blank" rel="noopener noreferrer"
          title="GitHub repository">
          <img src="https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white"
            alt="GitHub" />
        </a>
      </div>
      <div class="d-md-none d-block mb-2 mb-md-0">
        <a href="https://github.com/therebelrobot/awesome-bootstrap/blob/master/LICENSE" target="_blank"
          rel="noopener noreferrer" title="License">
          <img src="https://img.shields.io/github/license/therebelrobot/awesome-bootstrap.svg?style=for-the-badge"
            alt="License" />
        </a>
      </div>
    </div>
  </div>
</footer>